$names: 'primary', 'warning', 'danger', 'success', 'info', 'black', 'white', 'main', 'regular',
  'secondary';
$colors: $primary-color, $warning-color, $danger-color, $success-color, $info-color, $black-color,
  $white-color, $main-color, $regular-color, $secondary-color;

$i: 0;
@each $name in $names {
  $i: $i + 1;
  .text-#{$name} {
    color: nth($colors, $i);
  }
}
